<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>巩义铝垫gongyilvdian.cn</title>
	<meta http-equiv="X-UA-Compatible" content="ie=edge">

	<meta name="description" content="">
	<meta name="Keywords" content="">
	<!-- 引入图标 -->
	<link rel="icon" type="image/x-icon" href="favicon.ico" />
	<!--引入共同样式以及字体 -->
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/font-awesome.css">
	<!-- base里面只写自创公共样式 -->
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" href="css/layui.css">
	<!-- index.css是首页的css -->
	<link rel="stylesheet" href="css/index.css">
	<!-- <link rel="stylesheet" href="js/base.js"> -->
	<script>
		window.onload = function () {
			var con = document.getElementById("con");
			var con1 = document.getElementById("con1");
			con.onclick = function () {
				if (con1.style.display == "none") {
					con1.style.display = "block";
				} else {
					con1.style.display = "none"
				};
			};
		};
	</script>

</head>

<body class="fontstyle">
	<!-- 页面头部-->
	<nav>
		<header class="wid">
			<div class="header-left ">
				<div>
					<img src="images/巩义铝垫1logo.png">
				</div>
				<div>
					<a href="#">首页</a>
				</div>
				<div>
					<a href="#">产品中心</a>
				</div>
				<div>
					<a href="#">新闻资讯</a>
				</div>
			</div>
			<div class="header-right">
				<a href="#" class="">联系我们</a>
				<button class="">我要采购</button>
			</div>
		</header>
	</nav>
	<!-- 页面上部第一块 -->
	<div class="banner">
		<div class="main wid">
			<div class="main5 fa  fa-spin"></div>
			<div class="main6 fa  fa-spin"></div>
			<div class="main7 fa  fa-spin"></div>
			<div class="main1  wid">
				专业的工厂销售铝铜垫片
				<br>
				产品平台
			</div>
			<div class="main2">我有需求</div>
			<div class="main3">我要低价</div>
			<div class="main4"></div>
		</div>
		<div class="mask"></div>
	</div>
	<!-- 咨询按钮 -->
	<div class="consult" id="con">
		<div class="icon"></div>
		<div class="content" id="con1" style="display:none">
			<a href="#">商户咨询1
				<img src="images/robot-icon.png" width="24">
			</a>
			<p>13598043475</p>
			<a href="#">商户咨询2
				<img src="images/robot-icon.png" width="24">
			</a>
			<p>18625578825</p>
		</div>
	</div>
	<!-- 页面中部产品展示 -->
	<div class="product wid">
		<ul class="product1">
			<li>
				<p>产品展示</p>
				<i>PRODUCT SHOW</i>
			</li>
			<li>
				<img src="images/数据标注图标.png" alt="">
				<p>质优价廉</p>
				<i>厂家直销高标准、高质量的各类密封件：铜垫、铝垫、铝垫片、<br>紫铜垫片、齿型垫、石棉垫、橡胶垫、钢纸垫、橡胶O型圈、<br>聚四氟乙烯垫、不锈钢垫、铁垫等。</i>
			</li>
			<li>
				<img src="images/数据采集图标.png" alt="">
				<p>私人定制</p>
				<i>专业设备和生产工艺完美结合，完美缔造客户所需；另可接受<br>异型垫圈等来图定做！</i>
			</li>
		</ul>
		<ul class="product2">
			<li><img src="images/产品1.png" alt=""></li>
			<li><img src="images/产品4.png" alt=""></li>
			<li><img src="images/产品3.png" alt=""></li>
			<li><img src="images/产品2.png" alt=""></li>
		</ul>
	</div>
	<!-- 页面中部私人定制展示2 -->
	<div class="customize-bgc">
		<div class="customize wid">
			<div class="customize1">
				<p>多样化定制方案</p>
				<i>DIVERSIFIED CUSTOMIZATION SCHEME</i>
				<span>查看详情</span>
			</div>
			<div class="customize1"></div>
			<div class="customize1"></div>
		</div>
	</div>
</body>

</html>